<template>
  <div>
   <CloudBreadcrumb>
    <CloudBreadcrumbItem>Ant Design Vue</CloudBreadcrumbItem>
    <CloudBreadcrumbItem><a href="">Component</a></CloudBreadcrumbItem>
    <CloudBreadcrumbItem>
      <a href="">General</a>
      <CloudMenu slot="overlay">
        <CloudMenuItem>
          <a target="_blank" rel="noopener noreferrer" href="http://www.alipay.com/">
            General
          </a>
        </CloudMenuItem>
        <CloudMenuItem>
          <a target="_blank" rel="noopener noreferrer" href="http://www.taobao.com/">
            Layout
          </a>
        </CloudMenuItem>
        <CloudMenuItem>
          <a target="_blank" rel="noopener noreferrer" href="http://www.tmall.com/">
            Navigation
          </a>
        </CloudMenuItem>
      </CloudMenu>
    </CloudBreadcrumbItem>
    <CloudBreadcrumbItem>Button</CloudBreadcrumbItem>
  </CloudBreadcrumb>
  </div>
</template>

<script>
export default {
  title: '5.带下拉菜单的面包屑',
  data() {
    return {
    }
  },
  methods: {
    
  }
}
</script>

<style lang="scss">
</style>